﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage/User.Master" CodeBehind="Profile.aspx.vb" Inherits="GoodAnotApp.Profile" %>

        <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <style type="text/css">
        #apContent
        {
            left: 70% !important;
        }
        #sideContent
        {
            position: fixed !important;
            left: 43% !important;
        }
        .style5
        {
            width: 236px;
        }
        .style11
        {
            width: 158px;
        }
        .style12
        {
            width: 216px;
        }
        .style13
        {
            width: 346px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Panel ID="Panel1" runat="server" />
        <b> <h3 style="color: black;">Profile<h5 /></b>
        <br />
         <asp:Image ID="ImgUser" runat="server" Height="150px" Width="150px" 
                        BorderWidth="2px" style="margin-left:80px" />
                        <br />
    <asp:Label ID="lblImage" runat="server" Text="Update New Image" Font-Size="10" Font-Names="Times New Roman"></asp:Label>                                           
            <asp:FileUpload ID="FileUploadImage" runat="server" Enabled="False" />
            <asp:FileUpload ID="FileUploadNew" runat="server" Enabled="False" />
                    <asp:Button ID="btnImageDelete" runat="server" Text="Delete" />
                    <br />
              
                    <asp:HiddenField ID="hfImageID" runat="server" />
                    <asp:HiddenField ID="hfUserID" runat="server" />
        <table style="width:100; margin-right: 150px;">
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblEmail" runat="server" Text="Email Address"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:Label ID="lblDisplayEmail" runat="server" Text="Label"></asp:Label>
                </td>
                
            </tr>
           
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblName" runat="server" Text="Display Name"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:TextBox ID="tbxDisplayName" runat="server" Width="223px" Enabled="False"></asp:TextBox>
                </td>
                <td class="style12" style = "border-top:0px">
                    <asp:Button ID="btnCheck" runat="server" Text="Check Availability" Width="117px"/>
                </td>
                <td class="style13" style = "border-top:0px">
                    <asp:Label ID="lblWarningName" runat="server" ForeColor="Red" Text="Label" 
                        Visible="False"></asp:Label>
                    <br />
                    <asp:Label ID="lblAvailName" runat="server" Text="Label" Visible="False"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblFirstName" runat="server" Text="First Name"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:TextBox ID="tbxFirstName" runat="server" Width="223px" Enabled="False"></asp:TextBox>
                </td>
                <td class="style12" style = "border-top:0px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblLastName" runat="server" Text="Last Name"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:TextBox ID="tbxLastName" runat="server" Width="223px" Enabled="False"></asp:TextBox>
                </td>
                <td class="style12" style = "border-top:0px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblDOB" runat="server" Text="Date Of Birth"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:TextBox ID="tbxDOB" runat="server" Width="223px" Enabled="False" 
                        ValidationGroup="DOB"></asp:TextBox></td>
                <td class="style12" style = "border-top:0px">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                        ControlToValidate="tbxDOB" 
                        ErrorMessage="Enter your date in the following format &quot;DD/MM/YYYY&quot;" 
                        ForeColor="Red" 
                        ValidationExpression="(0[1-9]|[12][0-9]|3[01])[-/.](0[1-9]|1[012])[-/.](19|20)\d\d" 
                        ValidationGroup="DOB"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblGender" runat="server" Text="Gender"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:Label ID="lblDisplayGender" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style11" style = "border-top:0px">
                    <asp:Label ID="lblCountry" runat="server" Text="Country"></asp:Label>
                </td>
                <td class="style5" style = "border-top:0px">
                    <asp:DropDownList ID="ddlCountry" runat="server" Enabled="False">

                        <asp:ListItem>Unselected</asp:ListItem>
                        <asp:ListItem>Brunei</asp:ListItem>
                        <asp:ListItem>Burma</asp:ListItem>
                        <asp:ListItem>Cambodia</asp:ListItem>
                        <asp:ListItem>East Timor</asp:ListItem>
                        <asp:ListItem>Indonesia</asp:ListItem>
                        <asp:ListItem>Laos</asp:ListItem>
                        <asp:ListItem>Malaysia</asp:ListItem>
                        <asp:ListItem>Papua New Guinea</asp:ListItem>
                        <asp:ListItem>Philippines</asp:ListItem>
                        <asp:ListItem>Singapore</asp:ListItem>
                        <asp:ListItem>Thailand</asp:ListItem>
                        <asp:ListItem>Vietnam</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="btnUpdate" runat="server" Text="Update" />
        &nbsp;&nbsp;
        <asp:Button ID="btnConfirm" runat="server" Text="Confirm" />
        &nbsp;&nbsp;
        <asp:Button ID="btnDelete" runat="server" Text="Delete" />
         <table>
        <tr>
            <td colspan="4" style = "border-top:0px; ">
                <asp:Accordion ID="accordionChangePassword" runat="server" SelectedIndex="-1" FadeTransitions="true"
                    FramesPerSecond="40" TransitionDuration="250" AutoSize="None" RequireOpenedPane="false"
                    Width="882px">
                    <Panes>
                        <asp:AccordionPane ID="accordionChangePasswordPane" runat="server">
                            <Header>
                                <a href="" onclick="return false;" class="Link">Change password</a>
                            </Header>
                            <Content>
                                <table>
                                    <tr>
                                        <td style = "border-top:0px">
                                            <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
                                        </td>
                                        <td colspan="2" style = "border-top:0px">
                                            <asp:TextBox ID="tbxPassword" runat="server" TextMode="Password" Width="223px"></asp:TextBox>   
                                        </td>
                                        <td style="border-top:0px">
                                             <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                                            ControlToValidate="tbxPassword" 
                                            ErrorMessage="Your password must be between 8 to 10 characters, contain at least one digit and one alphabetic character, and must not contain special characters" 
                                            ForeColor="Red" 
                                            ValidationExpression="(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$"></asp:RegularExpressionValidator>
                                         </td>
                                    </tr>
                                    <tr>
                                        <td style = "border-top:0px">
                                            <asp:Label ID="lblRetypePassword" runat="server" Text="Retype Password"></asp:Label>
                                        </td>
                                        <td style = "border-top:0px">
                                            <asp:TextBox ID="tbxRetypePassword" runat="server" TextMode="Password" Width="223px"></asp:TextBox>
                                        </td>
                                        <td style = "border-top:0px">
                                        <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="tbxPassword"
                                                ControlToValidate="tbxRetypePassword" ErrorMessage="Your password does not match"
                                                ForeColor="Red"></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                                <asp:Button ID="btnChange" runat="server" Text="Change" />
                            </Content>

                        </asp:AccordionPane>
                    </Panes>
                </asp:Accordion>
            </td>
        </tr>
    </table>
        </asp:Panel>
    </asp:Content>

